<template>
  <div class="user">
    <UserHeader></UserHeader>
    <UserContent></UserContent>
    <UserRecommend></UserRecommend>
    <Tabbar :active="3"></Tabbar>
  </div>
</template>

<script>
import Tabbar from '../../components/tabbar.vue'
import UserHeader from './components/userHeader.vue'
import UserContent from './components/userContent.vue'
import UserRecommend from './components/userRecommend.vue'
export default {
  components:{
    Tabbar,
    UserHeader,
    UserContent,
    UserRecommend
  }
}
</script>

<style lang="scss" scoped>
  .user{
    width: 100%;
  }
</style>